<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/suzyscreen.css" />
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
	</head>
	<body>
		<header>

		</header>

		<section>
			<!-- 筛选 -->
			<div id="suzyscreen">
				<div id="comm">
					<div id="suzyscreen_1">
						<div id="swiper-container">
							<div id="swiper-wrapper">
								<div id="swiper-slide">
									<ul class="suzyscreen_ul">
										<li class="Options">
											<h3 class="suzyscreen-conh3">性别:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>男士</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>女士</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>情侣</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">机心:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>自产机心</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>自动机械</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>手动机械</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>石英</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>复杂功能</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">场景:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>送礼之选</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>高阶时尚</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>运动型格</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>商务人士</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>珍罕典藏</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">材质:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>精钢</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>钛合金</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>黄金</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>玫瑰金</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>钻石</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>青铜</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>陶瓷</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>碳纤维</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>其他</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">表带:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>精钢</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>牛皮</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>陶瓷</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>钛合金</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>橡胶</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>鳄鱼皮</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>织物</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>黄金</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">价格:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>2000-4000</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>4000-6000</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>6000-10000</span></a>
												<a href="javascript:;"
													class="suzycon-itema"><span>10000-80000</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>800000以上</span></a>
											</div>
										</li>
									</ul>
								</div>
								<div id="swiper-slide">
									<ul class="suzyscreen_ul">
										<li class="Options">
											<h3 class="suzyscreen-conh3">表径:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>36mm以下</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>36-39mm</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>39-42mm</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>42-45mm</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>45mm及以上</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">表盘:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>蓝色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>白色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>灰色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>黑色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>棕色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>金色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>粉色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>红色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>绿色</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>橙色</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">功能:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>日历</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>双历</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>计时</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>月相</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>陀飞轮</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>动储</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">防水:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>3ATM</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>4ATM</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>10ATM</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>20ATM</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>20ATM以上</span></a>
											</div>
										</li>
										<li class="Options">
											<h3 class="suzyscreen-conh3">属性:</h3>
											<div class="suzyscreen-liview">
												<a href="javascript:;" class="suzycon-itema"><span>防磁</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>房震</span></a>
												<a href="javascript:;" class="suzycon-itema"><span>夜光</span></a>
											</div>
										</li>
									</ul>
								</div>
							</div>


						</div>
						<a href="javascript:;" class="suzyconprev suzyconbtn">返回</a>


						<a href="javascript:;" class="suzyconnext suzyconbtn">更多</a>
						<div id="suzyscreen_btm">
							<div class="suzyscreen-btmview">
								<h3 class="suzyscreen-conh3">已选分类：</h3>

								<div class="suzyscreen-btmoptions" id="sidebar"></div>
							</div>

							<div class="ctrl-btn">
								<a href="javascript:;" class="removeall">清空</a>
								<!-- <a href="javascript:;" class="suzysubmit">确定 ( <span>0</span> )</a> -->
							</div>
						</div>

					</div>
				</div>
			</div>
			<!-- 商品列表 -->
			<div id="product">
				<div id="product-cate">
					<h3 class="cate-title">
						快速选表
					</h3>
					<div id="cate-list">
						<ul class="clearfix">
							<li>
								<a href="#" class="clearfix-a">新盘上市 <span>&gt;</span></a>
							</li>
							<li>
								<a href="#" class="clearfix-a">热门款式<span>&gt;</span></a>
							</li>
						</ul>

					</div>
				</div>
				<div id="product-list">
					<ul id="product-list-ul">
						<!-- <li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li>
						<li class="watch">
							<a href="#">
								<div class="thumb">
									<img src="img/imgs/GA880012.WBW正面.jpg" alt="">
								</div>
								<div class="msg">
									<p class="serial">GA880012.WBW</p>
									<h2>飞亚达航天系列</h2>
									<p class="price">¥ 19800.00</p>
								</div>
								<p class="series">探索此款腕表</p>
							</a>
						</li> -->

					</ul>
					<div id="data-page">
						<div class="laypage_0">
							<a href="javascript:;" class="clack">1</a>
							<a href="javascript:;">2</a>
							<a href="javascript:;">3</a>
							<a href="javascript:;">4</a>
							<a href="javascript:;">5</a>
							<a href="javascript:;">....</a>
							<a href="javascript:;">></a>
							<a href="javascript:;">>></a>
						</div>
					</div>
				</div>
			</div>
		</section>

		<footer>

		</footer>
		<aside>

		</aside>

	</body>
</html>
<script src="js/jQuery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/suzyscreen.js" type="text/javascript" charset="utf-8"></script>
<script>
	$("header").load("header.html");
</script>
<script>
	$("footer").load("footer.html");
</script>
<script>
	$("aside").load("sidebar.html");
</script>

